// import React,{useEffect,useState} from 'react'
// import { Tabs,Grid ,Image} from 'react-vant';
// import { ShopO ,Plus} from '@react-vant/icons';
// import reruire from "../../untlis/require"
// import "../../api/index";
// import "./index.css";
// import {useNavigate} from "react-router-dom"
// function Index() {
//     const navigate=useNavigate()
//     interface DATATYPES{
//         name:string;
//         id:string;
//         img:string;
//         children:DATATYPES[];
//     }
//     const [data,setdata]=useState<Array<DATATYPES>>([])
//     const [arr,setarr]=useState<Array<DATATYPES>>([])
//     useEffect(() => {
//         // reruire.get("/list").then(res=>{
//         //     setdata(res.data.data)
//         //     setarr(res.data.data[0].children)
//         // })
//     }, [])
//     const btn=(v:any)=>{
//         setarr(data[v].children)
        
//     }
//     const gotoxq=(item:any)=>{
//         navigate(`/datelis/${item.id}`,{state:item})
//     }
//     return (
//         <div>
//             {/* <p className="p1">书架</p> */}
//     <Tabs active={0} onChange={btn}>
//       {
//           data&&data.map((item,index)=>{
//               return <Tabs.TabPane key={index} title={item.name}>
//                 <Grid    columnNum={3}>
//               {
//                   arr&&arr.map((item,index)=>{
//                       return  <Grid.Item key={index} onClick={()=>gotoxq(item)}>
//                         <Image src={item.img}/>
//                         <span>{item.name}</span>
//                          </Grid.Item>
//                   })
//               }
//                    <Grid.Item onClick={()=>navigate("/lishi")}  icon={<Plus  />} />
//               </Grid>
//             </Tabs.TabPane>
//           })
//       }
        
//     </Tabs>
//         </div>
//     )
// }

// export default Index

import React from 'react'

function Index() {
    return (
        <div>
            index
        </div>
    )
}

export default Index
